﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.DataTable.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<style type="text/css">
/* custom styles for this example */
    .yui-skin-sam .yui-dt-liner { white-space:nowrap; } 
</style>

<title>YUIAsp.Net Controls : LiveDemo : DataTable : Usage info</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>DataTable - static data</h1>
    
    <p>In this example, the data comes directly from the server at the same time as the page, without an ajax request.</p>
   
    <p>You can notice the different out-of-the-box formatters, for date, number, currency and javascript function formatter.</p>
    
    
    <yui:DataTable id="dt" runat="server">
        <Columns>
            <yui:DataTableColumn Key="DatePaid" Sortable="true" Resizeable="true" Text="Date Paid" />
            <yui:DataTableColumn Key="Amount" Resizeable="true" />
            <yui:DataTableColumn Key="PaidTo" />
            <yui:DataTableColumn Key="Remaining" />
            <yui:DataTableColumn Key="For" />
        </Columns>
    </yui:DataTable>
</asp:Content>
